<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>商城</title>
		<!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/steel.css" />
		<link rel="stylesheet" href="css/upload.css" />

	</head>

	<body>
		<!--header start-->
		<header>
			<div class="top_bar">
				<div class="left_top_bar fl">
					<div class="welcome fl">城市矿山首页，欢迎来到城市矿山</div>
					<div class="login fl">
						<a href="#">请登录</a>
					</div>
					<div class="register fl">
						<a href="#">免费注册</a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="right_top_bar fr">
					<div class="nav_top_bar fl">
						<ul>
							<li class="fl">
								<a href="#">我的城市矿山</a>
							</li>
							<li class="fl">
								<a href="#">个人中心</a>
							</li>
							<li class="fl">
								<a href="#">帮助中心</a>
							</li>
							<li class="fl">
								<a href="#">在线客服</a>
							</li>
							<div class="clearfix"></div>
						</ul>
					</div>
					<div class="tel_top_bar fl">
						<div class="tel">400-0660-567（8：30-17：30）</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="menu">
				<div class="main_menu">
					<div class="logo_menu fl">
						<a href="#"><img src="images/logo_menu.png"></a>
					</div>
					<div class="nav_menu fr">
						<ul>
							<li class="fl">
								<a href="index.html">首页</a>
							</li>
							<li class="fl current">
								<a href="#">商城</a><i></i></li>
							<li class="fl">
								<a href="resource.html">资源</a>
							</li>
							<li class="fl">
								<a href="spot.html">现货</a>
							</li>
							<li class="fl">
								<a href="#">产品介绍</a>
							</li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</header>
		<!--header end-->

		<div class="waste-wrap">
			<div class="waste-title">
				<ul>
					<li class="steel-a">废钢铁</li>
					<span></span>
					<li class="waste-paper">废纸</li>
					<span></span>
					<li class="Waste-home-appliance">废家电</li>
				</ul>
			</div>
			<div class="waste-search">

			</div>
			<div class="datatable_title_wrap">
				<!--<div class="list-title">
					<div>序号</div>
					<div>采购编码</div>
					<div>需求方</div>
					<div>所在地（城市）</div>
					<div>类别</div>
					<div>品名</div>
					<div>规格描述</div>
					<div>预计采购单价/元</div>
					<div>预采量/吨</div>
					<div>状态</div>
				</div>
				<div class="list-title1">
					<div>序号</div>
					<div>采购编码</div>
					<div>拆解企业名称</div>
					<div>所在地（城市）</div>
					<div>品种</div>
					<div>规格</div>
					<div>单价</div>
					<div>状态</div>
					<div>操作</div>
				</div>-->
			</div>

			<div class="list-title-wrap">
				<!--<div class="list-title-box">
					<img src="images/loading.gif" alt="" class="list-title-img">
				</div>-->

			</div>

			<!--<div class="list-title-wrap1">
				<div class="list-title-box">
					<img src="images/loading.gif" alt="" class="list-title-img">
				</div>

			</div>-->

			<div class="paging">
				<div class="btnList_content">
					<button class="prePage">上一页</button>
					<div class="hang">

					</div>
					<button class="nextPage">下一页</button>
					<span class="allNum">共<span class="pageg"></span>页</span>
					<label>到</label><input class="numPageInp" type="number"><label>页</label><input type="button" class="goNumPage" value="确定">
				</div>
			</div>
		</div>
		<footer>
			<section class="five_advantage">
				<div class="main_five_advantage">
					<div class="box_five_advantage fl">
						<i class="advantage_1"></i>
						<span>厂商直供</span>
						<div class="clearfix"></div>
					</div>
					<div class="box_five_advantage fl">
						<i class="advantage_2"></i>
						<span>品种规格齐全</span>
						<div class="clearfix"></div>
					</div>
					<div class="box_five_advantage fl">
						<i class="advantage_3"></i>
						<span>仓库加工一体</span>
						<div class="clearfix"></div>
					</div>
					<div class="box_five_advantage fl">
						<i class="advantage_4"></i>
						<span>诚聘英才</span>
						<div class="clearfix"></div>
					</div>
					<div class="box_five_advantage fl">
						<i class="advantage_5"></i>
						<span>帮助中心</span>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
				</div>
			</section>
			<section class="nav_footer">
				<div class="main_nav_footer">
					<div class="box_nav_footer fl">
						<ul>
							<li>
								<a href="#">如何免费找货</a>
							</li>
							<li>
								<a href="#">资源单搜索</a>
							</li>
							<li>
								<a href="#">如何免费找车</a>
							</li>
							<li>
								<a href="#">拾起卖APP/微信</a>
							</li>
						</ul>
					</div>
					<div class="box_nav_footer fl">
						<ul>
							<li>
								<a href="#">商城采购流程</a>
							</li>
							<li>
								<a href="#">如何支付</a>
							</li>
							<li>
								<a href="#">发票查询</a>
							</li>
							<li>
								<a href="#">售后服务</a>
							</li>
						</ul>
					</div>
					<div class="box_nav_footer fl">
						<ul>
							<li>
								<a href="#">合作钢厂</a>
							</li>
							<li>
								<a href="#">商城与资源单区别</a>
							</li>
							<li>
								<a href="#">卖方资源上传</a>
							</li>
							<li>
								<a href="#">供应商合作洽谈</a>
							</li>
							<li>
								<a href="#">合作热线</a>
							</li>
						</ul>
					</div>
					<div class="box_nav_footer fl">
						<ul>
							<li>
								<a href="#">拾起卖加工简介</a>
							</li>
							<li>
								<a href="#">委托加工的优势</a>
							</li>
							<li>
								<a href="#">可委托加工的类型</a>
							</li>
							<li>
								<a href="#">找材料仓库服务信息</a>
							</li>
							<li>
								<a href="#">意见与建议</a>
							</li>
						</ul>
					</div>
					<div class="box_nav_footer fl">
						<ul>
							<li>
								<a href="#">拾起卖简介</a>
							</li>
							<li>
								<a href="#">拾起卖融资申请流程</a>
							</li>
							<li>
								<a href="#">如何使用拾起卖融资</a>
							</li>
							<li>
								<a href="#">如何还款</a>
							</li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</section>
			<section class="other_footer">
				<div class="main_other_footer">
					<div class="nav_main_other_footer">
						<ul>
							<li class="fl">
								<a href="#">关于我们</a>
							</li>
							<li class="fl">
								<a href="#">诚聘英才</a>
							</li>
							<li class="fl">
								<a href="#">联系我们</a>
							</li>
							<li class="fl">
								<a href="#">常见问题</a>
							</li>
							<div class="clearfix"></div>
						</ul>
					</div>
					<div class="side_footer">城市矿山官方网站
						<a href="#">www.citymine.com.cn</a> 备案号 津ICP 17003801-1 </div>
					<div class="certificate_footer">
						2015-2016年度钢材市场优秀示范企业 2016年度国家重点扶持项目 中国再生资源示范企业 2015年中国大宗商品现代流通诚信市场
					</div>
				</div>
			</section>
		</footer>
	</body>
	<script src="./lib/jquery.min.js"></script>
	<script src="./js/steel.js"></script>

</html>